// import {React, ReactDOM} from "./CONST";
import React from './kreact/index'
import ReactDOM from './kreact/react-dom'
import App from "./App";
import "./index.css";
import DiffPage from "./pages/DiffPage";

const A = (props) => {
  return (
    <div>333-{props.name}</div>
  )
}

class C {
  constructor(props){
    this.props = props
  }

  render() {
    return (
      <div>class-{this.props.name}</div>
    )
  }
}

const jsx = (
  <div>
    <p>222</p>
    <A name="function" />
  </div>
);

// console.log('class', C, <C name="qq" />, new C({ name: 'qq' }).render());
// console.log(jsx, A({ name: '22' }), <A name="22" />);

ReactDOM.render(<DiffPage />, document.getElementById("root"));
// ReactDOM.render(<jsx />, document.getElementById("root"));

// console.log("version", React.version); //sy-log
